Vue.component("foot",{
    template:`
    <div class="footer-box">
        <div class="footer-links">
            <ul class="footer-top">
                <li v-for="(item,index) in city"><a>{{item}}</a></li>
            </ul>
        </div>
        <div class="footer-logo">
            <a class="footer-logo-pic"></a>
            <a class="footer-zixun">资讯</a>
            <h3 class="footer-text">中小学资讯学习宝库</h3>
        </div>
        <ul class="footer-nav">
            <li v-for="(item,index) in footer">
                <a>{{item}}</a>
                |
            </li>
        </ul>
        <p class="footer-cpy">Copyright 2005-2018 www.jiajiaoban.com. All Rights Reserved.</p>
        <p class="footer-icp">京ICP备09042963号-16 京公网安备:110108007120号-4</p>
        <p class="footer-tcp">联系电话：400-012-1121 北京学而思网络科技有限公司</p>
    </div>
    
    `,
    props:['city','footer']
})